﻿@using XiangDongClub.Model
@model List<ZT_Shop>
@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = 0" />
    <meta content="telephone=no" name="format-detection">
    <meta http-equiv="Content-Type" content="text/html">
    <title>享动运动季</title>
    <link href="~/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="~/layer/mobile/need/layer.css" rel="stylesheet" />
    <link href="~/Content/free.css?v=1" rel="stylesheet" />
    <link href="~/Content/frame.css" rel="stylesheet" />
    <link href="~/Content/com.css" rel="stylesheet" />

</head>
<body>
    <!--如果检测到未输入手机号，则显示-->
    <!--<div class="phone-frame">-->
    <!--<div class="mid-frame">-->
    <!--<p>请输入您的手机号以参加活动</p>-->
    <!--&lt;!&ndash;maxlength="11" onkeyup="this.value=this.value.replace(/\D/g,'')"&ndash;&gt;-->
    <!--<input class="phone" type="text" maxlength="11" onkeyup="this.value=this.value.replace(/\D/g,'')" placeholder="请输入您正在使用的有效手机号"/>-->
    <!--<img class="submit-btn" src="../image/free/button-tijiao.png" alt=""/>-->
    <!--</div>-->
    <!--</div>-->
    <!--如果检测到未输入手机号，则显示-->

    <div class="top-background">
        <input type="hidden" value="@ViewBag.TicketShopId" id="ticketShopId" />
        <div class="rule">
            <img class="shuoming" src="../image/free/huodongshuoming.png" alt="" />
            <img class="trees" src="../image/free/trees.png" alt="" />
            
            <div class="rule-content">
                <ol>
                    <li>选择领取以下任意场馆卡券;</li>
                    <li>每人限领一张。</li>
                </ol>
            </div>
        </div>
        <div class="chengdu">
            <img src="../image/city/@(ViewBag.CityId).png" alt="" />
            <br />
            <div class="try">
                <span>找不到想要去的场馆？试试</span>
                <select name="" id="">
                    @*<option value="0">切换城市站点</option>*@
                    @foreach (var item in ViewBag.CityList)
                    {
                        <option value="@item.Id" @(ViewBag.CityId == item.Id ? "selected" : "")>@item.AreaName</option>
                    }
                    @*<option value="chengdu">成都</option>
                    <option value="yibin">宜宾</option>
                    <option value="bazhong">巴中</option>
                    <option value="deyang">德阳</option>
                    <option value="dazhou">达州</option>
                    <option value="zigong">自贡</option>
                    <option value="guangan">广安</option>
                    <option value="guangyuan">广元</option>
                    <option value="leshan">乐山</option>
                    <option value="ziyang">资阳</option>
                    <option value="luzhou">泸州</option>
                    <option value="meishan">眉山</option>
                    <option value="mianyang">绵阳</option>
                    <option value="nanchong">南充</option>
                    <option value="neijiang">内江</option>
                    <option value="panzhihua">攀枝花</option>
                    <option value="suining">遂宁</option>
                    <option value="yaan">雅安</option>
                    <option value="aba">阿坝</option>
                    <option value="ganzi">甘孜</option>
                    <option value="liangshan">凉山</option>*@
                </select>
                <!--<img src="../image/free/switch.png" alt=""/>-->
            </div>
        </div>

       
    </div>
    <div class="menu">

        @foreach (var item in Model)
            {
            <div class="lists">
                <div class="lists-content" onclick="ShopDetails(@item.ShopId,1)">
                    <img src="../image/shoptype/shop_@(item.ShopType).png" alt="" />
                    <div class="lists-logo">
                        <!--这里是logo图，暂无，替代品-->

                        <img src="http://fuwu.xdjsclub.com/Shops/images/@(item.ImgLogo)/logo.jpg" />
                        <p>@item.ShopName（@item.CityName）</p>
						 <p>@item.TicketName</p>
                    </div>
                </div>
                <div class="lists-btn">
                    @if (ViewBag.TicketShopId == item.ShopId)
                    {
                        <img src="../image/current/btn-lingqu2.png" alt="已领取按钮" />
                    }
                    else
                    {
                        <img src="../image/free/btn-lingqu.png" onclick="RecTicket(@item.ShopId,'@item.ShopName','@item.TicketName')" alt="领取按钮" />
                    }

                </div>
            </div>
        }

        @*<div class="lists">
                <div class="lists-content">
                    <img src="../image/free/yoga-background.png" alt="" />
                    <div class="lists-logo">
                        <!--这里是logo图，暂无，替代品-->
                        <img src="../image/free/chengdu.png" alt="" />
                        <p>玛雅瑜伽（成都）</p>
                    </div>
                </div>
                <div class="lists-btn">
                    <img src="../image/free/btn-lingqu.png" alt="领取按钮" />
                </div>
            </div>*@


    </div>

    <!--我的体验券详情-->
    <div class="volume-frame">
        <img class="close-img" src="~/image/index/close.png" alt="" />
        <div class="frame-content">
            <div class="frame-logo">
                <!--<img src="~/image/index/gift.png" alt=""/>-->
                此处应该有一个logo
            </div>
            <div class="frame-text">
                <p class="frame-club-name"></p>
                <p class="frame-club-number"></p>
                <div class="aaaaa">
                    <p class="frame-tips">使用说明</p>
                    <p class="frame-tips-text"></p>
                    <p class="apply-club">适用门店</p>
                    <p class="apply-club-text"></p>
                    <p class="club-phone-number">电话：<a href="tel:983403857" id="shopPhone"></a></p>
                </div>
            </div>
        </div>
    </div>


    <script src="~/Scripts/jquery.min.js"></script>
    <script src="~/Content/bootstrap/js/bootstrap.min.js"></script>
    <script src="~/layer/layer.js"></script>
    <script src="~/Scripts/Framework/JsOPP.js"></script>
    <script src="~/Scripts/Business/free.js"></script>
    <script src="~/Scripts/Business/com.js"></script>
</body>
</html>